<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title>欢迎页面-X-admin2.2</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">
		<link rel="stylesheet" href="js/Cesium/Widgets/widgets.css" />
        <script src="./lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="./js/xadmin.js"></script>
		<script src="js/Cesium/Cesium.js"></script>
        <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
        <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
		<style>
			html,body{
				margin: 0;
				padding: 0;
				height: 100%;
				width: 100%;
			}
			#contanter{
				width:100%;
				height:100%
			}    
			/* 去除logo信息 */	
			.cesium-widget-credits{ 
				display:none!important; 
				visibility:hide!important; 
			} 
		</style>
    </head>
    <body>
		<div id="contanter"></div>
		<script>
			var viewer = new Cesium.Viewer("contanter",{
				animation: false,  //是否显示动画控件
	            baseLayerPicker: false, //是否显示图层选择控件
	            geocoder: true, //是否显示地名查找控件
	            timeline: false, //是否显示时间线控件
	            sceneModePicker: true, //是否显示投影方式控件
	            navigationHelpButton: false, //是否显示帮助信息控件
	            infoBox: true,  //是否显示点击要素之后显示的信息
				// 加载地形数据
				// terrainProvider: new Cesium.CesiumTerrainProvider({
				// 	url: Cesium.IonResource.fromAssetId(3956)
				// })
			})
			// 设置大气
			// viewer.scene.skyAtmosphere.show = false
			// 设置太阳
			viewer.scene.sun.show = true
			
			// 设置月亮
			viewer.scene.moon.show = true
			
			var position=Cesium.Cartesian3.fromDegrees(112.315216, 39.5125612, 10000);
		
		
			viewer.scene.camera.flyTo({
				destination: Cesium.Cartesian3.fromDegrees(112.315216, 39.5125612, 10000),  //定位坐标点，建议使用谷歌地球坐标位置无偏差
				duration:1   //定位的时间间隔
			});
			
			setTimeout(function(){
				 flyExtent();
			},1000);
			
			function  flyExtent(){
					// 相机看点的角度，如果大于0那么则是从地底往上看，所以要为负值，这里取-30度
				var pitch = Cesium.Math.toRadians(-30);
				// 给定飞行一周所需时间，比如10s, 那么每秒转动度数
				var angle = 360 / 5;
				// 给定相机距离点多少距离飞行，这里取值为5000m
				var distance = 15000;
				var startTime = Cesium.JulianDate.fromDate(new Date());
				
				var stopTime = Cesium.JulianDate.addSeconds(startTime, 5, new Cesium.JulianDate());
			 
				viewer.clock.startTime = startTime.clone();  // 开始时间
				viewer.clock.stopTime = stopTime.clone();     // 结速时间
				viewer.clock.currentTime = startTime.clone(); // 当前时间
				viewer.clock.clockRange = Cesium.ClockRange.CLAMPED; // 行为方式
				viewer.clock.clockStep = Cesium.ClockStep.SYSTEM_CLOCK; // 时钟设置为当前系统时间; 忽略所有其他设置。
				// 相机的当前heading
				var initialHeading = viewer.camera.heading;
				var Exection = function TimeExecution() {
						// 当前已经过去的时间，单位s
						var delTime = Cesium.JulianDate.secondsDifference(viewer.clock.currentTime, viewer.clock.startTime);
						var heading = Cesium.Math.toRadians(delTime * angle) + initialHeading;
						viewer.scene.camera.setView({
							destination : position, // 点的坐标
							orientation: {
								heading : heading,
								pitch : pitch,
							}
						});
						viewer.scene.camera.moveBackward(distance);
						if (Cesium.JulianDate.compare(viewer.clock.currentTime, viewer.clock.stopTime) >= 0) {
							viewer.clock.onTick.removeEventListener(Exection);
						}
			 
				};
				viewer.clock.onTick.addEventListener(Exection);
			}
	
		</script>
    </body>
</html>